<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
  String path = request.getContextPath();
  String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<div class="row">
    <div class="col-lg-12">
        <div class="panel">
            <div class="panel-heading header">
                <h3 class="panel-title" id="title">印章使用申请表</h3>
            </div>

            <!-- BASIC FORM ELEMENTS -->
            <!--===================================================-->
            <form id="form_seal_input" class="panel-body form-horizontal form-padding">
                <input type="hidden" name="keyId" id="keyId" value="${seal.id}" />
                <input type="hidden" name="curDutyId" id="curDutyId" value=""/>
                
                <div class="form-group">
                    <label class="col-md-2 control-label">印章使用类型<i class="fa fa-asterisk txt-color-red"></i>
                        <span id="useTypeSpan" style="display: none">${seal.useType}</span>
                    </label>
                    <div class="col-md-6">
                        <input type="text" id="useType" name="useType" class="form-control" value="${seal.useType==1?'内部使用':'外借使用'}" disabled>

                        <%--<div class="radio">--%>
                            <!-- Inline radio buttons -->
                            <%--<input type="radio" name="useType" id="useType1Selected" class="magic-radio" value="1"--%>
                            <%--<c:if test="${seal.useType eq 1}"> checked="checked"</c:if> disabled>--%>
                            <%--<label for="useType1Selected">内部使用</label>--%>

                            <%--<input type="radio" name="useType" id="useType2Selected" class="magic-radio" value="2"--%>
                            <%--<c:if test="${seal.useType eq 2}"> checked="checked"</c:if> disabled>--%>
                            <%--<label for="useType2Selected">外借使用</label>--%>

                        <%--</div>--%>
                    </div>
                </div>

                <div class="form-group div-Hidden">
                    <label class="col-md-2 control-label">预计归还时间<i class="fa fa-asterisk txt-color-red"></i></label>
                    <div class="col-md-6">
                            <div class="input-group date">
                                <input type="text" class="form-control" id="datPlanReturn" name="datPlanReturn" disabled
                                value=<fmt:formatDate pattern="yyyy-MM-dd" value="${seal.datPlanReturn}" /> >
                                <span class="input-group-addon"><i class="ti-calendar"></i></span>
                            </div>
                    </div>
                </div>

                <c:if test="${seal.processState=='Finished'}">
                    <div class="form-group div-Hidden">
                        <label class="col-md-2 control-label">实际归还时间</label>

                        <div class="col-md-6">
                            <div class="input-group date">
                                <input type="text" class="form-control" id="datFactReturn" name="datFactReturn" disabled
                                       value=
                                           <fmt:formatDate pattern="yyyy-MM-dd" value="${seal.datFactReturn}"/>>
                                <span class="input-group-addon"><i class="ti-calendar"></i></span>
                            </div>
                        </div>
                    </div>
                </c:if>

                <div class="form-group">
                    <label class="col-md-2 control-label">印章名称<i class="fa fa-asterisk txt-color-red"></i></label>
                    <div class="col-md-6">
                        <input type="text" id="sealDictItem" name="sealDictItem" class="form-control" value="${seal.sealDictItem.name}" disabled>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-2 control-label">使用事由<i class="fa fa-asterisk txt-color-red"></i></label>
                    <div class="col-md-6">
                        <input type="text" id="useReason" name="useReason" class="form-control" value="${seal.useReason}" disabled>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-2 control-label">盖章份数<i class="fa fa-asterisk txt-color-red"></i></label>
                    <div class="col-md-6">
                        <input type="number" id="numSeal" name="numSeal" class="form-control" value="${seal.numSeal}" disabled>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-2 control-label"> 相关附件</label>
                    <div class="col-md-6">
                        <input name="uploadify" id="filename" style="display: none"  placeholder="" type="file" >
                        <input name="fileId" id="fileId" style="display: none" value="${fileId}">
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-2 control-label">提交人</label>
                    <div class="col-md-2">
                        <p class="form-control-static">${seal.creater.name}</p>
                    </div>
                    <label class="col-md-2 control-label">提交日期</label>
                    <div class="col-md-2">
                        <p class="form-control-static"><fmt:formatDate pattern="yyyy-MM-dd" value="${seal.dateApply}" /></p>
                    </div>
                </div>

                <c:if test='${(seal.processState=="Running" || seal.processState=="Backed") && stepNo !=1 && stepNo !=0}'>
                    <div class="form-group" id="comment">
                        <label class="col-md-2 control-label">审批意见</label>
                        <div class="col-md-6">
                            <textarea name="editor" id="editor" style="height:200px;"></textarea>
                        </div>
                    </div>
                </c:if>

                <div class="flow">
                    <div class="panel-footer">
                        <a class="btn btn-default" id="apply-re-common" href="javascript:void(0)">
                            <i class="fa fa-lg fa-mail-reply"></i> 返回
                        </a>
                        <a class="btn btn-default"  key="ajax_edit" href="javascript:void(0);" ${isEdit}>
                            <i class="fa fa-lg fa-edit"></i> 编辑
                        </a>

                    </div>
                    <div class="f_title"><i class="right" id="flow"></i>流程信息</div>
                    <div class="f_content" style="display:none">
                        <div id="showFlow"></div>
                    </div>
                    <div class="f_title"><i class="right" id="next"></i>下一步骤提示</div>
                    <div class="f_content" style="display:none">
                        <div id="showNext"></div>
                    </div>
                </div>
                
            </form>
            <!--===================================================-->
            <!-- END BASIC FORM ELEMENTS -->
            
        </div>
    </div>
</div>

<script>
    var index = "${index}";
    var todo = "${todo}";
    var remind = "${remind}";
    var record = "${record}";
    var draft =  "${draft}";
    var stepNo = "${stepNo}";

    $(function(){
        loadURL("<%=path%>/com/running/workflow?bussinessId="+$("input#keyId").val()+"&type=flow",$('#showFlow'));
        loadURL("<%=path%>/com/running/workflow?bussinessId="+$("input#keyId").val()+"&type=next",$('#showNext'));
        __ajax_post("<%=path%>/com/running/operateType",{keyId: $("input#keyId").val()},function(pdata){
            var showDuty = false;
            var area = $("div.panel-footer");
            var edit = null;
            if (stepNo == 1){
                return false;
            }
            $(pdata.datarows).each(function(i,v){
                var str = '<a id="left_foot_btn_'+ v.action+'" class="btn btn-warning" href="javascript:void(0);"><i class="fa fa-upload">'+ v.name+'</i></a>&nbsp;';
                $(area).append(str);
                if(v.action == "approve" || v.action=="sendback"  || v.action=="deny"){
                    showDuty = true;
                }
            });
            if(showDuty == true){
                var pdata = {
                    keyId: $("input#keyId").val(),
                    entityName: "com.fz.us.oa.core.entity.com.Seal"
                };
                multiDuty(pdata);
            }else{
                $('#comment').hide();
            }
            if($(':visible#editor').length == 1){
                edit  = new UE.ui.Editor();
                edit.render('editor');
                /*
                 edit.ready(function() {
                 edit.setContent("");
                 });*/
            }
            //通过
            $("#left_foot_btn_approve").off("click").on("click",function(){
                var comment = "";
                if(edit != null){
                    comment = encodeURIComponent(edit.getContent());
                }
                if($.trim(comment) == ""){
                    alert("请填写审批意见");
                    return false;
                }
                __form_save("form_seal_input","<%=path%>/com/seal/approve?comment="+comment,function(){
                    $("#apply-re-common").trigger("click");
                })
            });
            //退回
            $("#left_foot_btn_sendback").off("click").on("click",function(){
                var comment = "";
                if(edit != null){
                    comment = encodeURIComponent(edit.getContent());
                }
                if($.trim(comment) == ""){
                    alert("请填写审批意见");
                    return false;
                }
                var vActionUrl="<%=path%>/com/seal/back?comment="+comment+"&curDutyId="+$('#curDutyId').val();
                var data={keyId:$("input#keyId").val()};
                __ajax_post(vActionUrl,data,function(pdata){
                    __toastr(pdata);
                    $("#apply-re-common").trigger("click");
                });
            });
            //否决
            $("#left_foot_btn_deny").off("click").on("click",function(){
                var comment = "";
                if(edit != null){
                    comment = encodeURIComponent(edit.getContent());
                }
                if($.trim(comment) == ""){
                    alert("请填写审批意见");
                    return false;
                }
                var vActionUrl="<%=path%>/com/seal/deny?comment="+comment+"&curDutyId="+$('#curDutyId').val();
                var data={keyId:$("input#keyId").val()};
                __ajax_post(vActionUrl,data,function(pdata){
                    __toastr(pdata);
                    $("#apply-re-common").trigger("click");
                });
            });
        });

        //流程信息展开
        $('#flow,#next').click(function(){
            if($(this).hasClass("right")){
                $(this).removeClass("right").addClass("down");
                $(this).parent(".f_title").next("div.f_content").show();
            }else{
                $(this).removeClass("down").addClass("right");
                $(this).parent(".f_title").next("div.f_content").hide();
            }
        });
    });

    // 附件显示
    readLoad({
        objId:"filename",
        entityName:"fileIds",
        sourceId:"fileId"
    });

    //编辑
    $("a[key='ajax_edit']").unbind("click").bind("click",function(){
        loadURL("<%=path%>/com/seal/input?keyId="+$("#keyId").val()+"&draft="+draft+"&todo="+todo+"&remind="+remind+"&record="+record+"&index="+index,$('#page-content'));
    });

    ///返回视图
    $("#apply-re-common").click(function(){

        if(index==1){
            loadURL("menu/dashboard",$('#page-content'));
        }else if(todo==1){
            loadURL("menu/toDo",$('#page-content'));
        }else if(remind==1){
            loadURL("menu/remind",$('#page-content'));
        }else if(record==1){
            loadURL("menu/taskRecord?type=1",$('#page-content'));
        }else if(record==2){
            loadURL("menu/taskRecord?type=2",$('#page-content'));
        }else if(draft==1){
            loadURL("menu/draft",$('#page-content'));
        }else{
            returnToHashUrl()
        }

    });

    // 加载完成后执行
    $(function(){
        if($("#useTypeSpan").text()=="1"){
            $(".div-Hidden").hide();
        }
    })

</script>




